// @import "./reset.scss";
.app-container {
  display: flex;
  height: 100%;
  position: relative;
  max-width: 2560px;
  margin: 0 auto;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  .bd-pagination-container{
    background-color: $--color-white;
  }
  &-manage {
    height: 100%;
  }
  // 头部
  &__header {
    height: 60px;
    background-color: $--color-white;
  }
  // 侧边栏
  &__side {
    position: relative;
    height: 100%;
    width: auto;
    float: left;
    // 菜单区
    &__menu {
      height: 100%;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
    }
  }
  // // 面包屑
  // &__crumbs {
  //   height: $crumbs-height;
  //   width: 100%;
  //   line-height: $crumbs-height;
  //   padding: 0 $crumbs-padding;
  //   background-color: $crumbs-bg-color;
  // }
  // 主视图内容
  &__main {
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 13px 0 rgba(54, 55, 57, 0.08);
    background-color: $default-color-bg;
    display: flex;
    flex: 1;
    flex-direction: column;
    // 内容区
    &__content {
      position: relative;
      overflow: hidden;
      -webkit-overflow-scrolling: touch;
      background: $bg-color;
      padding: 16px 24px 0;
      flex: 1;
      &__auto{
        overflow-y: scroll;
        height: 100%;
      }
    }
  }
}
.menu-wrap {
  position: relative;
  height: 100%;
  .toggle-btn {
    position: absolute;
    z-index: 2;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
    cursor: pointer;
  }
  .menu-list {
    height: 100%;
    overflow-y: auto;
  }
}
.ant-table-title{
    display: flex;
    justify-content: flex-end;
    margin-right: 20px;
}
.clearfix {
  &::after {
    display: block;
    content: "";
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
  }
}
.app-login{
  font-size: 20px;
    text-align: center;
    line-height: 52px;
    border-right: 1px solid #f0f0f0;
  height: 52px;
}
.ml-20{
  margin-left: 20px;
}
#app .ant-transfer-list{
  width: 250px;
  height: 300px;
}
#app .ant-input-number{
  width: 100%;
}
.searchButton{
  text-align: right;
}
.app-form{
  padding: 20px;
  background-color: $--color-white;
  border-radius: 5px;
  margin-bottom: 20px;
}
.status:before{
  content: "";
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: inline-block;
  margin-right: 8px;
}
.online:before {
  background-color: #25b672;
}
.offline:before {
  background-color: #d9d9d9;
}